import React, {Component} from 'react';
import { StackNavigator, TabNavigator, TabBarBottom } from 'react-navigation';
import Home from "./Home";
import SimpleListScreen from "./SimpleListScreen";
import GridLayoutScreen from "./GridLayoutScreen";
import SectionListScreen from "./SectionListScreen";
import GroupListScreen from "./GroupListScreen";
import AutoGridLayoutScreen from "./AutoGridLayoutScreen";

export default class RootNavigator extends Component {
  
  render() {
    return <Navigator/>
  }
}

const Navigator = StackNavigator(
  {
    Home: {screen: Home},
    SimpleListScreen: {screen: SimpleListScreen},
    GridLayoutScreen: {screen: GridLayoutScreen},
    SectionListScreen: {screen: SectionListScreen},
    GroupListScreen: {screen: GroupListScreen},
    AutoGridLayoutScreen: {screen: AutoGridLayoutScreen}
  },
  {
    navigationOptions: {
      headerBackTitle: null,
      showIcon: true
    }
  }
);
